<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<!--common-->
  <link href="../../css/style.css" rel="stylesheet">
  <link href="../../css/style-responsive.css" rel="stylesheet">
  <link href="../../css/stuInfoManage/main.css" rel="stylesheet">
  <link href="../../css/stuInfoManage/stuInfoUpdate.css" rel="stylesheet">
  
<title>Insert title here</title>
<script type="text/javascript">
	
	//检查邮箱
	function checkEmail(obj) {
		var temp = $.trim(obj.value);
		if(temp != ""){
			var email=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
			if(!email.test(temp)){
    			$("#emailTip").html("<font color='red'>邮箱格式不正确</font>");
    		}else{
    			$.ajax({
    				url:"${pageContext.request.contextPath }/isAlreadyExistOfStuInfo",
    				type:"post",
    				data:{
    					sEmail:temp,
    				},
    				success:function(result){
    					if(result.length > 0){
    						$("#emailTip").html("<font color='red'>邮箱已注册!</font>");
    					}else{
    						$("#emailTip").html("<font color='green'>邮箱可用</font>");
    					}
    				}
    			});
    		}
		}else{
			 $("#emailTip").html("<font color='red'>邮箱不能为空</font>");
		}
	}
</script>
<link rel="stylesheet" href="../css/jquery.pagination.css" />
	<script src="../js/jquery-1.10.2.min.js"></script>
	<script src="../js/jquery.pagination.min.js"></script>
	<style type="text/css">
	#customers
	  {
	  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	  width:100%;
	  border-collapse:collapse;
	  }
	
	#customers td, #customers th 
	  {
	  font-size:1em;
	  border:1px solid #98bf21;
	  padding:3px 7px 2px 7px;
	  }
	
	#customers th 
	  {
	  font-size:1.1em;
	  text-align:left;
	  padding-top:5px;
	  padding-bottom:4px;
	  background-color:#424F63;
	  color:#ffffff;
	  }
	
	#customers tr.alt td 
	  {
	  color:#000000;
	  background-color:#B0C4DE;
	  }
	  
	  * {
				margin: 0;
				padding: 0;
			}
			
			body {
				font-family: "微软雅黑";
				background: #eee;
			}
			
			button {
				display: inline-block;
				padding: 6px 12px;
				font-weight: 400;
				line-height: 1.42857143;
				text-align: center;
				vertical-align: middle;
				cursor: pointer;
				border: 1px solid transparent;
				border-radius: 4px;
				border-color: #28a4c9;
				color: #fff;
				background-color: #5bc0de;
				margin: 20px 20px 0 0;
			}
			
			.box {
				width: 800px;
				margin: 100px auto 0;
				height: 34px;
			}
			
			.page {
				width: 600px;
			}
			
			.info {
				width: 200px;
				height: 34px;
				line-height: 34px;
			}
			
			.fl {
				float: left;
			}
	</style>
</head>
<body class="sticky-header">
<section>
	<!-- 导入左边菜单栏 -->
    <%-- <%@include file="common/sidebarStart.jsp" %> --%>
    		<li class="menu-list nav-active"><a href=""><i class="fa fa-book"></i> <span>学生信息管理</span></a>
               <ul class="sub-menu-list">
                   <li><a href="infoManage"> 信息管理页面</a></li>
                   <li><a href="infoUpdate?flag=1"> 信息修改界面</a></li>
                   <li class="active"><a href="infoAdd?flag=1"> 信息添加界面</a></li>
                   <li><a href="infoSelect?flag=1"> 信息查询界面</a></li>
               </ul>
           </li>

           <li class="menu-list"><a href=""><i class="fa fa-tasks"></i> <span>学生成绩管理</span></a>
               <ul class="sub-menu-list">
                   <li><a href="form_layouts.html"> 成绩管理界面</a></li>
                   <li><a href="form_advanced_components.html"> 成绩修改界面</a></li>
                   <li><a href="form_wizard.html"> 成绩添加界面</a></li>
                   <li><a href="form_validation.html"> 成绩查询界面</a></li>
               </ul>
           </li>
           
           <li class="menu-list"><a href="#"><i class="fa fa-th-list"></i> <span>发布通知</span></a>
               <ul class="sub-menu-list">
                   <li><a href="basic_table.html"> 网站发布公告 </a></li>
                   <li><a href="dynamic_table.html">单独发给学生 </a></li>
                   <li><a href="responsive_table.html"> 群发班级通知</a></li>
                   <li><a href="editable_table.html"> 群发每个学生</a></li>
               </ul>
           </li>
     <%-- <%@include file="common/sidebarEnd.jsp" %> --%>
    <!-- 主内容开始-->
	<div class="main-content" >	
		<!-- 通知菜单栏 -->
		<%-- <%@include file="common/notifyMenu.jsp" %> --%>
		
		<h1 align="center">所有用户详细信息</h1>

		<table id="customers">
		<tr>
		<th>用户ID</th>
		<th>用户名</th>
		<th>银行卡ID</th>
		<th>手机号码</th>
		<th>身份证号</th>
		<th>住址</th>
		<th>邮箱</th>
		<th>注册时间</th>
		<th>账号状态</th>
		</tr>
		
		<tr>
		<td>Apple</td>
		<td>Steven Jobs</td>
		<td>USA</td>
		<td>Apple</td>
		<td>Steven Jobs</td>
		<td>USA</td>
		<td>Apple</td>
		<td>Steven Jobs</td>
		<td>USA</td>
		</tr>
		
		<tr class="alt">
		<td>Baidu</td>
		<td>Li YanHong</td>
		<td>China</td>
		<td>Baidu</td>
		<td>Li YanHong</td>
		<td>China</td>
		<td>Baidu</td>
		<td>Li YanHong</td>
		<td>China</td>
		</tr>
		
		<tr>
		<td>Google</td>
		<td>Larry Page</td>
		<td>USA</td>
		<td>Google</td>
		<td>Larry Page</td>
		<td>USA</td>
		<td>Google</td>
		<td>Larry Page</td>
		<td>USA</td>
		</tr>
		
		<tr class="alt">
		<td>Lenovo</td>
		<td>Liu Chuanzhi</td>
		<td>China</td>
		<td>Lenovo</td>
		<td>Liu Chuanzhi</td>
		<td>China</td>
		<td>Lenovo</td>
		<td>Liu Chuanzhi</td>
		<td>China</td>
		</tr>
		
		<tr>
		<td>Microsoft</td>
		<td>Bill Gates</td>
		<td>USA</td>
		<td>Microsoft</td>
		<td>Bill Gates</td>
		<td>USA</td>
		<td>Microsoft</td>
		<td>Bill Gates</td>
		<td>USA</td>
		</tr>
		
		<tr class="alt">
		<td>Nokia</td>
		<td>Stephen Elop</td>
		<td>Finland</td>
		<td>Nokia</td>
		<td>Stephen Elop</td>
		<td>Finland</td>
		<td>Nokia</td>
		<td>Stephen Elop</td>
		<td>Finland</td>
		</tr>
		
		
		</table>
    <!-- 主内容结束-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="../../js/jquery-1.10.2.min.js"></script>
<script src="../../js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="../../js/jquery-migrate-1.2.1.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/modernizr.min.js"></script>
<script src="../../js/jquery.nicescroll.js"></script>

<!--页面公共脚步-->
<script src="../../js/scripts.js"></script>
<script src="../../js/common.js"></script>

</body>
</html>